&.acordeon, &.double-acordeon {
	label {
		position: relative;
		border-radius: radius;
		box-shadow: 0 0 0 1px #fff,0 1px 2px 0 #fff;
		padding: 10px 15px;
		margin-top: 5px;
		cursor: pointer;

		&:first-child {margin-top:0;}
		&:hover {
			color: #9B9B9B!important;
			font-weight: 400;
			background:color-bg;
		}

		&:before {  
			content: "";
			width: 0;
			height: 0;
			border: solid 7px transparent;
			border-top-color: #fff;
			position: absolute;
			right: 11px;
			top: 17px;
		}
	}

	label,label:before,div {
		transition(all ease-out 0.3s);
	}

	div {
		opacity: 0;
		overflow: hidden;
		padding:0 0;
		height: 0;
	}

	div, div * {
		color: #9B9B9B!important;
		font-weight: 400;
	}

	input:checked ~ label {
		background: color-bg;
		color: #9B9B9B!important;
		font-weight: 400;

		&:before {
			border-top-color: #9B9B9B;
			transformOrigin(50% 50%); 
			transformTest(rotateZ(180deg) translateY(8px));
		}

		div {height: auto; opacity: 1; padding: 20px 0;}
	}
}